<template>
    <header>
        <input type="text" placeholder="搜索">
        <p>点赞</p>
        <p>评价</p>
        <p>商家</p>
    </header>
</template>

<script>
export default {
   
}
</script>

<style scoped>
   header{
    height: 35px;
    width: 100%;
    /* background-color: salmon; */
    display: flex;
    text-align: center;
    box-sizing: border-box;
   }
   header input{
    width: 80px;
    height: 25px;
    border-radius: 7px;
    text-align: center;
    outline: none;
    border: none;
    background-color: #e2dede71;
    font-weight: 700;
    margin-top: 5px;
    margin-right:7px;
    padding-top: 2px;
   }
   header p{
    width: 35px;
    height: 100%;
    text-align: center;
    line-height: 35px;
    margin-right: 20px;
   }
   header p:hover{
     border-bottom:2px solid blue
   }
</style>